<template>
    <div class="land-rent">
        <div class="formula-container">
            <span class="formula">R = pQ - CQ - KtQ</span>
        </div>
        <div class="variables-container">
            <span class="variable">其中：</span>
            <span class="variable">R: 地租收入</span>
            <span class="variable">p: 农产品产量</span>
            <span class="variable">C: 农产品生产费</span>
            <span class="variable">K: 生产地距城市的距离</span>
            <span class="variable">t: 农产品的运费率</span>
            <span class="variable">Q: 农产品的产量</span>
        </div>
    </div>
</template>

<script setup>
// 不需要额外的脚本逻辑
</script>

<style scoped>
.land-rent {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    padding: 3rem 3rem 3rem 5rem;
    box-sizing: border-box;

    /* 添加深色背景使白色文字更明显 */
}

.formula-container {
    margin-bottom: 1rem;
    width: 100%;
    text-align: left;
}

.formula {
    font-size: 1.5rem;
    font-weight: bold;
    color: white;
    /* 白色字体 */
}

.variables-container {
    display: flex;
    flex-direction: column;
    gap: 8px;
    width: 100%;
}

.variable {
    text-align: left;
    font-size: 1rem;
    font-weight: 500;
    line-height: 2;
    color: white;
}
</style>